<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles" %>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.0.js"></script>
<title>Insert title here</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/flick/jquery-ui.css">
<link href="${initParam.root }css/indiwood-ui.css" rel="stylesheet" type="text/css">
<style type="text/css">
 #container{
  width: 1200px;
  height: 100%;
  margin-left: auto; margin-right: auto;
 }
 #container_bar{
  padding: 5px;
  position: fixed;
  width: 200px;
  /* margin-left: 40px; */
  height: 100%;
  border-right: 1px solid #bcbcbc;
  border-left: 1px solid #bcbcbc;
  float: left;
  background-color: #FFFFFF;
 } 
 #sidebar{
  position: fixed;
  width: 200px;
  float: right; /* left로 부유위치를 지정해 left와 main이 수평 배치하도록 한다    */
 }
 #container_right{
  padding: 5px;
  height: 100%;
  width: 1200px;
  /* margin-left: 260px; */
  float: left; /* left로 부유위치를 지정해 left와 main이 수평 배치하도록 한다    */
 }
 #header{
  height: 30px;
  margin-left: 210px;  
  border-bottom: 1px solid #bcbcbc;
  border-right: 1px solid #bcbcbc;
 }
 #main{
  padding: 5px;
  margin-left: 210px;
  height: auto;
  border-right: 1px solid #bcbcbc;
  border-bottom: 1px solid #bcbcbc;
 }
 #footer{
  padding: 5px;
  margin-left: 210px;
  height: 80px;
  border-right: 1px solid #bcbcbc;
  /* margin-left: auto; margin-right: auto; */
  border-bottom: 1px solid #bcbcbc;
 }
</style>
<body leftmargin="0" topmargin="0">
<div id="container">
	<!-- <div id="container_left"></div> -->
	<div id="container_bar">	
		<div id="sidebar"><tiles:insertAttribute name="left"/></div>
	</div>
	<div id="container_right">
		<div id="header" align="right"><tiles:insertAttribute name="header"/></div>
	 	<div id="main"><tiles:insertAttribute name="main"/></div>
		<div id="footer"><tiles:insertAttribute name="footer"/></div>
	</div>
</div>
</body>